<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
		<script type="text/javascript" src="js/fisrtCartoon.js"></script>
		<script type="text/javascript" src="js/maps.js"></script>
		<script type="text/javascript" src="js/heroMove.js"></script>
		<script type="text/javascript" src="js/keyDown.js"></script> 
		<script type="text/javascript" src="js/fireBall.js"></script>
		<script type="text/javascript" src="js/monsterAction.js"></script>
		<link rel="stylesheet" href="css/game.css" type="text/css"></link>
	</head>
	<body>
		<div id="gameView">
			<div id="startView">
				<input type="button" onclick="showStart()" id="playButton"/>
				<audio id="startVideo" hidden="hidden" controls="controls" loop="loop">
				  <source src="videos/startVideo.wav" type="audio/ogg">
				  <source src="videos/startVideo.wav" type="audio/mpeg">
				<embed  src="videos/startVideo.wav" />
				</audio>
			</div>
			<div hidden="hidden" id="cartoonView">
				<img id="cartoon" src="img/jing.jpg"/>
			</div>
			<div hidden="hidden" id="selectHero">
				<audio id="selectHeroVideo" hidden="hidden" controls="controls" loop="loop">
				  <source src="videos/selectHeroVideo.wav" type="audio/ogg">
				  <source src="videos/selectHeroVideo.wav" type="audio/mpeg">
				<embed  src="videos/selectHeroVideo.wav" />
				</audio>
				<a  href="javascript:selectHero('hero1')">
					<img id="hero1" src="img/gameViewIMG/hero1.jpg"/>
				</a>
				<a  href="javascript:selectHero('hero3')">
					<img id="hero3" src="img/gameViewIMG/hero3.jpg"/>
				</a>
				<a  href="javascript:selectHero('hero4')">
					<img id="hero4" src="img/gameViewIMG/hero4.jpg"/>
				</a>
				<a  href="javascript:selectHero('hero2')">
					<img id="hero2" src="img/gameViewIMG/hero2.jpg"/>
				</a>
			</div>
			<!--<div ></div>-->
			<div style="display:none" id="mainView">
				<audio id="fireVideo" hidden="hidden" controls="controls">
				  <source src="videos/fire.wav" type="audio/ogg">
				  <source src="videos/fire.wav" type="audio/mpeg">
				<embed  src="videos/fire.wav" />
				</audio>
			</div>
			<div style="display:none" id="test">
				<div id="INFO">
					<span class ="life" style="color:green">生命</span>
					<span id="life" class ="life">1</span>
					<span class ="life" style="color:brown">关卡</span>
					<span id="Level" class ="life">1</span>
					<span class ="life" style="color:crimson">敌军</span>
					<span id="computer" class ="life">1</span>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript" src="js/game.js"></script>

